<template>
  <a-card title="NumberInfo - 数据文本" :bordered="false">
    <a slot="extra" target="_blank" href="http://rest-doc.easy-frame.top/front-end/components/general.html">文档地址</a>
    <p>
      常用在数据卡片中，用于突出展示某个业务数据。
    </p>

    <a-row>
      <a-col :lg="12">
        <number-info
          :sub-title="() => { return '周访问量' }"
          :total="12"
          status="up"
          :sub-total="`2%`"></number-info>
      </a-col>
      <a-col :lg="12">
        <number-info
          :sub-title="() => { return '月访问量' }"
          :total="12421"
          status="down"
          :sub-total="`5%`"></number-info>
      </a-col>
    </a-row>
  </a-card>
</template>

<script>
import NumberInfo from '@/components/NumberInfo/NumberInfo'
export default {
  name: 'SampleComponentsDataDisplayNumberInfo',
  components: { NumberInfo },
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>

<style scoped>

</style>
